<template>
  <a-spin :loading="loading" style="width: 100%">
    <EnterpriseCertification :enterprise-info="data.enterpriseInfo" />
    <CertificationRecords :render-data="data.record" />
  </a-spin>
</template>

<script lang="ts" setup>
import { ref } from "vue"
import { queryCertification, UnitCertification, EnterpriseCertificationModel } from "@/api/user-center"
import useLoading from "@/hooks/loading"
import EnterpriseCertification from "./enterprise-certification.vue"
import CertificationRecords from "./certification-records.vue"

const { loading, setLoading } = useLoading(true)
const data = ref<UnitCertification>({
  enterpriseInfo: {} as EnterpriseCertificationModel,
  record: []
})
const fetchData = async () => {
  try {
    const { data: resData } = await queryCertification()
    data.value = resData
  } catch (err) {
    // you can report use errorHandler or other
  } finally {
    setLoading(false)
  }
}
fetchData()
</script>

<style scoped lang="less"></style>
